<template>
 <el-drawer
  title="我是标题"
  size="50%"
  :visible="drawerState.value"
  :direction="direction"
  :before-close="handleClose">
  <span>我来啦!</span>
</el-drawer>
</template>

<script setup>
import { ref } from 'vue'
const drawerState = ref("true");

</script>

<style scope>
.el-drawer{
  height: 100vh;
}
.el-card {
  margin: 10px auto;
  overflow-x: auto;
}

</style>
